@charset "UTF-8";
body {max-width:720px;background:#FFF;margin:0 auto;}
html{font-size:calc(100vw/7.5) !important;}
*{margin:0;padding:0;font-family:"微软雅黑";}
img { border:none;max-width:100%;vertical-align:top;}
li{ list-style:none;}
a{text-decoration:none;display:block;outline:none;color:#555;}
select::-ms-expand {display: none;}
select {
    border:none;
    background:none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
input[type=text]{display:inline-block;vertical-align:top;}
input,textarea{border:none;background:none;}
input:focus,textarea:focus,select:focus{outline:none;}
input[type=text],textarea{
    -moz-border-radius: 0; /* Firefox */
    -webkit-border-radius: 0; /* Safari 和 Chrome */
    border-radius: 0; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
}
.clear:after{clear:both; content:'.';display:block;width:0;height:0;visibility:hidden;}
.clear{zoom:1;}
.radius{
    -moz-border-radius: 50%; /* Firefox */
    -webkit-border-radius: 50%; /* Safari 和 Chrome */
    border-radius: 50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.shadow{-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
    -webkit-box-shadow: 10px 10px 20px #000; /* Safari 和 Chrome */
    box-shadow: 10px 10px 20px #000; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.tran{transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.noscroll,
.noscroll body {
    overflow: hidden;
}
.noscroll body {
    position: relative;
}
.get_more {width:100%;height:0.65rem;line-height:0.65rem;float:left;text-align:center;font-size:0.3rem;background:#F2F2F2;margin-top:10px;}
.loading {width:100%;height:0.65rem;line-height:0.65rem;float:left;text-align:center;font-size:0.3rem;background:#F2F2F2;margin-top:10px;}
#c {width:100%;height:auto;float:left;}
.top10 {margin-top:10px;}
.top20 {margin-top:20px;}
.w60 {width:60%;}
.bottom10 {margin-bottom:10px;}
.bottom20 {margin-bottom:20px;}
/*--BANNER--*/
#banner {width:100%;height:auto;float:left;}
#banner img {width:100%;height:auto;float:left;margin-bottom:15px;}
/*--data-select--*/
#fixed-scroll-hook {width:100%;height:10px;float:left;}
.data-select {width:100%;height:auto;float:left;}
.data-bg {padding:0 2% 3px 2%;width:92%;height:auto;float:left;margin-left:2%;border-radius:20px;background:#FEF8EE;}
.data-select span {width:100%;/* min-height:50px; */float:left;}
.data-select label {width:100%;height:60px;line-height:60px;float:left;border-bottom:1px solid #E6DAC6;}
.data-select label b {font-weight:normal;color:#6F0011;font-size:20px;float:left;}
.data-select label input {height:60px;line-height:60px;border:none;background:#FEF8EE;font-size:20px;margin-left:30px;float:left;}
.data-select span.button {
    width:96%;
    margin:20px auto auto 2%;
    /* height:88px; */
    float:left;
}
.data-select span.renshu {width:100%;/* height:30px;line-height:30px; */float:left;text-align:center;color:#FFF;font-size:18px; padding: 10px 0;}
.data-select span.button img {width:100%;height:auto;float:left;}
.data-select span.order {width:100%;height:20px;line-height:20px;float:left;text-align:center;}
.data-select span.order a {color:#FFD800;font-size:18px;text-decoration:underline;}
/*--PUBLIC-TITLE--*/
.public-title {width:100%;height:75px;float:left;text-align:center;padding:10px 0 10px 0;display: flex;align-items: center;}
.public-title img {width:auto;height:auto;max-width:100%;}
/*--运势详解--*/
.yunshi {
    width:90%;
    height:auto;
    float:left;
    padding:2%;
    margin-left:2%;
    display:flex;
    display:-ms-flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius:10px;
    border:6px solid #F38600;
    background:#FEF8EE;
}
.yunshi dl {
    width:48%;
    height:auto;
    display:inline-block;
}
.yunshi dl dt img {
    width:100%;
    height:auto;
    float:left;
}
.yunshi dl dd {
    width:100%;
    height:35px;
    line-height:35px;
    float:left;
    text-align:center;
    color:#666;
    font-size:18px;
}
.yunshi dl dd b {
    color:#6F0011;
}
.yunshi-left {width:20%;height:90px;float:left;margin-top:20px;}
.yunshi-left span {width:70px;height:70px;overflow:hidden;float:left;}
.yunshi-left span img {width:100%;height:100%;float:left;}
.yunshi-right {width:77%;height:90px;float:right;margin-top:20px;padding-top:10px;}
.yunshi-right span {font-size:16px;line-height:25px;float:left;}
.yunshi-right span b {color:#6F0011;}
.wenhua-logo {width:100%;height:35px;line-height:35px;float:left;text-align:center;}
.wenhua-logo img {width:auto;height:25px;}
.yunshi-title {width:60%;height:20px;float:left;margin-left:20%;}
.yunshi-title img {width:100%;height:auto;float:left;}
.yunshi-ask {width:60%;height:70px;line-height:70px;float:left;margin-left:20%;font-size:18px;text-align:center;}
.yunshi-shierpic {width:60%;height:auto;float:left;text-align:center;margin-left:20%;margin-top:15px;}
.yunshi-shierpic img {width:100%;height:auto;float:left;}
.yunshi-dl-two {width:50%;height:auto;float:left;margin-left:25%;margin-top:25px;}
.yunshi-dl-two label.one {width:100%;height:auto;padding:4px 0;float:left;font-size:16px;text-align:center;background:#A01712;border-radius:15px;color:#FFEABF;}
.yunshi-dl-two label.two {width:100%;height:35px;line-height:35px;float:left;text-align:center;font-size:16px;}
.yingdui-title {width:100%;height:auto;float:left;}
.yingdui-title span.w40 {width:40%;height:auto;float:left;margin-left:30%;text-align:center;}
.yingdui-title span.w60 {width:65%;height:auto;float:left;margin-left:20%;text-align:center;}
.yingdui-title span img {float:left;}
/*--大师介绍--*/
.ds-info-left {width:74%;height:auto;float:left;}
.ds-info-left h2 {padding:5px 0;font-weight:200;width:60%;margin-left:20%;font-size:0.09rem;background:#A01712;color:#FFEABF;border-radius:15px;text-align:center;margin-top:-40px;}
.ds-info-left p {font-size:16px;}
.ds-info-right {width:24%;height:auto;float:right;}
.ds-info-right img {width:100%;height:auto;float:left;}
.ds-info-left p b {font-weight:bold;color:#A01712;}
.yunshi-dashi {
    width:100%;
    height:auto;
    float:left;
    display:flex;
    display:-ms-flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background:#FEF8EE;
}
.yunshi-dashi dl {
    width:49%;
    height:auto;
    display:inline-block;
}
.yunshi-dashi dl dt img {
    width:100%;
    height:auto;
    float:left;
}
.yunshi-dashi dl dd {
    width:100%;
    height:35px;
    line-height:35px;
    float:left;
    text-align:center;
    color:#666;
    font-size:16px;
}
.yunshi-dashi dl dd b {
    color:#6F0011;
}
.dashi-video {width:100%;height:480px;float:left;}
.dashi-video iframe {width:100%;height:100%;float:left;}
.shouquan {width:70%;height:auto;float:left;text-align:center;margin:20px 0 20px 15%;}
.adv-s-title {width:100%;height:70px;line-height:70px;float:left;font-size:18px;text-align:center;}
.ys-title {width:70%;height:auto;float:left;margin-left:15%;}
.ys-title span {width:100%;height:30px;line-height:30px;float:left;font-size:18px;color:#666;}
.ys-renwu {width:100%;height:auto;float:left;margin-top:20px;}
.ys-renwu img {width:100%;height:auto;float:left;}
.ys-title-bottom {width:85%;height:auto;float:left;text-align:center;}
.ys-title-bottom span {width:100%;height:30px;line-height:30px;float:left;font-size:18px;color:#666;}
.ys-title-bottom span b{color: #931116;font-weight: 400;}
.tj-center {width:50%;height:60px;float:left;background:#A01712;border-radius:8px;margin-left:25%;padding:2%;}
.tj-center span {color:#FFEABF;font-size:16px;height:30px;line-height:30px;width:100%;float:left;text-align:center;}
/*--Scroll top--*/
#scrollDiv{width:100%;height:359px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:90px; width:96%;padding:0 2%;background:#FFFAF1; overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#B7B7B7 dashed 1px;}
#scrollDiv li h3{ height:24px; padding-top:13px; font-size:14px; color:#353535; line-height:24px; width:300px;}
#scrollDiv li h3 a{color:#353535; text-decoration:none}#scrollDiv li h3 a:hover{ color:#F00}
#scrollDiv li div{ height:36px; width:300px; color:#416A7F; line-height:18px; overflow:hidden}
#scrollDiv li div a{ color:#416A7F; text-decoration:none}
#scrollDiv li p {font-size:16px;line-height:30px;}
#scrollDiv li p span {float:right;}
/*--FOOTER--*/
.footer {width:100%;height:auto;float:left;background:#72051B;text-align:center;}
.footer dl {width:80%;height:auto;line-height:30px;text-align:center;font-size:18px;padding: 15px 0 30px 0;margin: 0 auto;}
.footer span a {color:#FF9E11;}
.footer span i {font-style:normal;}
.footer{margin-top: 20px;}
.footer dt a{display: inline-block;color: rgb(255, 174, 0);
    text-decoration: underline;}
.footer dd>a{color: rgb(255, 174, 0);}
.footer dd>a img{width: 30px;height: 30px;margin: 0 5px;}
.footer dt i{color: rgb(211, 137, 114);font-style: normal;}
.footer dd>img{width: 100%;}
/*--手机预览--*/
@media only screen and (max-width: 640px) {
    body {width:100%;background:#FFF;margin:0 auto;}
    html{font-size:calc(100vw/7.5) !important;}
    *{margin:0;padding:0;font-family:"微软雅黑";}
    img { border:none;max-width:100%;vertical-align:top;}
    li{ list-style:none;}
    a{text-decoration:none;display:block;outline:none;color:#555;}
    select::-ms-expand {display: none;}
    select {
        border:none;
        background:none;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
    }
    input[type=text]{display:inline-block;vertical-align:top;}
    input,textarea{border:none;background:none;}
    input:focus,textarea:focus,select:focus{outline:none;}
    input[type=text],textarea{
        -moz-border-radius: 0; /* Firefox */
        -webkit-border-radius: 0; /* Safari 和 Chrome */
        border-radius: 0; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
    input[type=button], input[type=submit], input[type=file], button {
        cursor: pointer;
        -webkit-appearance: none;
    }
    .clear:after{clear:both; content:'.';display:block;width:0;height:0;visibility:hidden;}
    .clear{zoom:1;}
    .radius{
        -moz-border-radius: 50%; /* Firefox */
        -webkit-border-radius: 50%; /* Safari 和 Chrome */
        border-radius: 50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
    .shadow{-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
        -webkit-box-shadow: 10px 10px 20px #000; /* Safari 和 Chrome */
        box-shadow: 10px 10px 20px #000; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
    .tran{transition: all 1s;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
    }
    .noscroll,
    .noscroll body {
        overflow: hidden;
    }
    .noscroll body {
        position: relative;
    }
    .get_more {width:100%;height:0.65rem;line-height:0.65rem;float:left;text-align:center;font-size:0.3rem;background:#F2F2F2;margin-top:10px;}
    .loading {width:100%;height:0.65rem;line-height:0.65rem;float:left;text-align:center;font-size:0.3rem;background:#F2F2F2;margin-top:10px;}
    #c {width:100%;height:auto;float:left;}
    .top10 {margin-top:10px;}
    .top20 {margin-top:20px;}
    .bottom10 {margin-bottom:10px;}
    .bottom20 {margin-bottom:20px;}
    /*--BEGIN--*/
    #c {width:100%;height:auto;float:left;}
    /*--BANNER--*/
    #banner {width:100%;height:auto;float:left;}
    #banner img {width:100%;height:auto;float:left;margin-bottom:15px;}
    /*--data-select--*/
    #fixed-scroll-hook {width:100%;height:10px;float:left;}
    .data-select {width:100%;height:auto;float:left;}
    .data-bg {padding:0 2% 3px 2%;width:92%;height:auto;float:left;margin-left:2%;border-radius:20px;background:#FEF8EE;}
    .data-select span {width:100%;/* min-height:50px; */float:left;}
    .data-select label {width:100%;height:60px;line-height:60px;float:left;border-bottom:1px solid #E6DAC6;}
    .data-select label b {width:auto;font-weight:normal;color:#6F0011;font-size:20px;float:left;}
    .data-select label input[type=text]{width:50%;height:60px;line-height:60px;border:none;background:#FEF8EE;font-size:18px;margin-left:30px;float:left;}
    .data-select label input[type=checkbox]{width:15px;height:15px;float:left;border-radius:10px;margin-top:22px;}
    .data-select span.button {
        width:96%;
        margin:20px auto auto 2%;
        /* height:88px; */
        float:left;
    }
    .data-select span.renshu {width:100%;/* height:30px;line-height:30px; */float:left;text-align:center;color:#FFF;font-size:0.4rem;}
    .data-select span.button img {width:100%;height:auto;float:left;}
    .data-select span.order {width:100%;height:20px;line-height:20px;float:left;text-align:center;}
    .data-select span.order a {color:#FFD800;font-size:0.4rem;text-decoration:underline;}
    /*--PUBLIC-TITLE--*/
    .public-title {width:100%;height:45px;line-height:45px;float:left;text-align:center;}
    .public-title img {width:auto;height:auto;max-width:100%;}
    /*--运势详解--*/
    .yunshi {
        width:82%;
        height:auto;
        float:left;
        padding:2%;
        margin-left:5%;
		padding-top: 20px;
        display:flex;
        display:-ms-flex;
        display:-webkit-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        border-radius:10px;
        border:6px solid #F38600;
        background:#FEF8EE;
    }
    .yunshi dl {
        width:48%;
        height:auto;
        display:inline-block;
    }
    .yunshi dl dt img {
        width:100%;
        height:auto;
        float:left;
    }
    .yunshi dl dd {
        width:100%;
        height:35px;
        line-height:35px;
        float:left;
        text-align:center;
        color:#666;
        font-size:0.3rem;
    }
    .yunshi dl dd b {
        color:#6F0011;
    }
    .yunshi-left {width:20%;height:120px;float:left;margin-top:20px;}
    .yunshi-left span {width:70px;height:70px;overflow:hidden;float:left;}
    .yunshi-left span img {width:100%;height:100%;float:left;}
    .yunshi-right {width:77%;height:120px;float:right;margin-top:20px;padding-top:10px;}
    .yunshi-right span {font-size:0.25rem;line-height:25px;float:left;}
    .yunshi-right span b {color:#6F0011;}
    .wenhua-logo {width:100%;height:35px;line-height:35px;float:left;text-align:center;margin-top: 15px;}
    .wenhua-logo img {width:auto;height:25px;}
    .yunshi-title {width:90%;height:20px;float:left;margin-left:5%;}
    .yunshi-title img {width:100%;height:auto;float:left;}
    .yunshi-ask {width:100%;height:auto;line-height:2.5;float:left;margin-left:0%;font-size:14px;text-align:center;margin-top: 0;}
    .yunshi-shierpic {width:90%;height:auto;float:left;text-align:center;margin-left:5%;margin-top:15px;}
    .yunshi-shierpic img {width:100%;height:auto;float:left;}
    .yunshi-dl-two {width:70%;height:auto;float:left;margin-left:15%;margin-top:25px;}
    .yunshi-dl-two label.one {width:100%;height:auto;padding:4px 0;margin-bottom: 10px;float:left;font-size:14px;text-align:center;background:#A01712;border-radius:15px;color:#FFEABF;}
    .yunshi-dl-two label.two {width:100%;margin-bottom: 10px;line-height: 1;height: auto; float:left;text-align:center;font-size:16px;}
    .yingdui-title {width:100%;height:auto;float:left;}
    .yingdui-title span.w40 {width:60%;height:auto;float:left;margin-left:20%;text-align:center;}
    .yingdui-title span.w60 {width:90%;height:auto;float:left;margin-left:8%;text-align:center;}
	.yingdui-title span.w100 {width:100%;height:auto;float:left;margin-left:0%;text-align:center;}
    .yingdui-title span img {float:left;}
    /*--大师介绍--*/
    .ds-info-left {width:74%;height:auto;float:left;margin-bottom: 20px;}
    .ds-info-left h2 {margin-top:0;margin-bottom:10px;padding:3px 0;font-weight:200;width:80%;height:auto;margin-left:4%;font-size:14px;background:#A01712;color:#FFEABF;border-radius:15px;text-align:center;float:left;}
    .ds-info-left p {font-size:13px;float:left;line-height: 1.6;}
    .ds-info-right {width:24%;height:auto;float:right;}
    .ds-info-right img {width:100%;height:auto;float:left;}



    /*--Scroll top--*/
    #scrollDiv{width:100%;height:359px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
    #scrollDiv li{height:90px; width:100%;box-sizing: border-box; padding:5px;background:url(ico-4.gif) no-repeat 10px 23px; overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#B7B7B7 dashed 1px;}
    #scrollDiv li p{font-size: 12px;line-height: 1.6;word-break: break-all;}
	#scrollDiv li h3{ height:24px; padding-top:13px; font-size:14px; color:#353535; line-height:24px; width:300px;}
    #scrollDiv li h3 a{color:#353535; text-decoration:none}#scrollDiv li h3 a:hover{ color:#F00}
    #scrollDiv li div{ height:36px; width:300px; color:#416A7F; line-height:18px; overflow:hidden}
    #scrollDiv li div a{ color:#416A7F; text-decoration:none}
	
	.ys-title {
    width: 100%;
    height: auto;
    float: left;
    margin-left: 0%;}
	.ys-title span {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 14px;
    color: #666;
}
.ys-title-bottom {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
	padding-top: 10px;
}
.ys-title-bottom span{font-size: 13px;height: 20px;line-height: 20px;}
.tj-center {
    width: 80%;
    height: 60px;
    float: left;
    background: #A01712;
    border-radius: 8px;
    margin-left: 10%;
    padding: 2%;
	margin-top: 10px;
}
.tj-center span{font-size: 14px;}
.footer dl{font-size: 16px;width: 100%;}
}



